import styled from 'styled-components'

export const EventCommentWrap = styled.div`
    .userEventBox{
        padding:20px 0;
        border-bottom:1px solid #d4d4d4;
        display: flex;
        .userEventBoxImg{
            width: 45px;
        }
        .userEventBoxRight{
            flex:1;
            margin-left:10px;
            .userEventTitle{
                a{
                    color: #0c73c2;
                    font-size: 14px;

                }
                .userMusic{
                    width: 12px;
                    height: 12px;
                    background-position: -110px -190px;
                    display: inline-block;
                    margin-right: 10px;
                }
            }
            .userEventTime{
                margin-top:7px;
            }
            .userEventContent{
                margin-top: 10px;
                line-height: 24px;
                font-size: 14px;
                word-break: break-word;
            }
            .json-text{
                .json-event{
                    padding: 10px;
                    margin:4px 0 5px 0;
                    background-color: #f5f5f5;
                    .json-event-text{
                        .json-text{
                            line-height: 24px;
                            .json-evnet-user-name{
                                color: #0c73c2;
                            }
                        }
                    }
                }
            }
            .user-j-flag{
                margin-top:18px;
                text-align:right;
                a{
                    color: #0c73c2;
                    em{
                        margin: 0 10px 0 12px;
                    }
                    .j-dz{
                        width: 14px;
                        height: 14px;
                        background: url(${require("@/assets/img/frd_dyn_sprite.png").default})no-repeat 0 9999px;
                        background-position: 0 -20px;
                        display: inline-block;
                    }
                }
            }

            .user-comment-box{
                /* display: none; */
            }
        }
    }
`